@charset "utf-8";
@import "init";
@import "common";

main{
	position: absolute;
	left: 0;
	top: r(89);
	bottom: r(107);
	width: 100%;
	overflow-y: auto;
	background-color:#f5f5f5;
	.banner{
		width: 100%;
		height: r(358);
		overflow: hidden;
		position: relative;
		.img_banner{
			width: 100%;
			height: r(358);
			overflow: hidden;
			img{
				width: 100%;
			}
		}
		.mask{
			width: 100%;
			height:r(104);
			background-color: rgba(0,0,0,.3);
			position: absolute;
			bottom:0;
			left:0;
			padding: r(24) r(21) r(14) r(30);
			box-sizing:border-box;
			p{
				font-size: r(26.63);
				color: white;
			}
			i{
				font-size: r(26);
				color: white;
			}
			span{
				font-size: r(16);
				color: white;
			}
		
		}
	}
	
	.content_box{
		width: 100%;
		padding: r(20) r(27) r(27) r(30);
		height: r(612);
		box-sizing: border-box;
		margin-top: r(20);
		overflow: hidden;
		background-color: white;
		.content_top{
			
			.title{
				.portrait{
					width: r(58);
					height: r(58);
					background-color: #898989;
					border-radius: r(60);
					display: inline-block;
					vertical-align: middle;
				}
				.name{
					display: inline-block;
					vertical-align: middle;
					p{
						font-size: r(28);
						line-height: r(40);
						color: $sub_color;
					}
					span{
						display: block;
						font-size: r(18);
						line-height: r(24);
						color: $sub_color;
					}
				}
				
				button{
					width: r(229);
					height: r(58);
					color: white;
					font-size: r(28.16);
					background-color: $bg_color;
					border: none;
					margin-left: r(100);
					i{
						color: white;
						font-size: r(28.16);
					}
				}
				
			}
		
			
		}
		
		.title_bottom{
			width: r(580);
			height: r(40);
			margin-top: r(12);
			margin-bottom: r(17);
			border-bottom: 1px solid $sub_color;
			p{
				display: inline-block;
				font-size:r(25.16);
				color: $text_color;
				vertical-align:middle;
			}
			span{
				display: inline-block;
				font-size:r(16);
				color: $text_color;
				line-height: r(32);
				
			}
		}
		
		.content_bottom{
			width:r(580);
			height: r(432);
			overflow: hidden;
			img{
				width: 100%;
			}
		}
	}
}